@charset "utf-8";
/*==========reset=========*/
html {font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-rendering: optimizelegibility}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {margin: 0;padding: 0}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block}
audio, canvas, video {display: inline-block}
body, button, input, select, textarea {font: 400 14px/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0}
table {border-collapse: collapse;border-spacing: 0}
fieldset, img {border: 0}
li, ul {list-style: none}
.art-content li, .art-content ul {list-style: inherit}
a {text-decoration: none}
a:hover {text-decoration: none}
small {font-size: .9em}
input, textarea, button {outline: 0}
h1, h2, h3, h4, h5, h6 {font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;font-size: 100%;font-weight: 600;color: #000;line-height: 1.35}
code, pre, pre tt {font-family: Courier, 'Courier New', monospace}
pre {background: #f8f8f8;border: 1px solid #ddd;padding: 1em 1.5em;display: block;-webkit-overflow-scrolling: touch}
hr {border: none;border-bottom: 1px solid #cfcfcf;margin-bottom: .8em;height: 10px}
.textwrap, .textwrap td, .textwrap th {word-wrap: break-word;word-break: break-all}
.textwrap-table {table-layout: fixed}
.serif {font-family: Palatino, Optima, Georgia, serif}
img {max-width: 100%}
.tc {text-align: center}
/*移除ios默认样式*/
input, textarea, button {outline-style: none;-webkit-appearance: none;}
/*==========global color=========*/
html {color: #333;background: #f2f5f9}
a {color: #333}
a:hover {color: #23A6DC}
::selection {background: #23A6DC;color: #fff}
::-moz-selection {background: #23A6DC;color: #fff}
/*==========public class=========*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clear {clear: both}
.fl {float: left}
.fr {float: right}
.bn {border: none !important}
.pd {padding: 1.5em}
.mb {margin-bottom: 25px}
.mb10 {margin-bottom: 10px}
.mt {margin-top: 25px}
.mr {margin-right: 25px}
.br {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px}
.sb {box-shadow: 1px 1px 1px #e6e6eb;border-bottom: 1px solid #eef1f5;background: #fff}
.nav-sb {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);background: #fff}
.container {max-width: 1280px;margin: 0 auto}
.transition {-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s}
.img-cover {object-fit: cover}
/*=====渐变扫光=====*/
.gradient {background-image: -webkit-linear-gradient(-30deg, #539FF1, #f00 30%, #002DBF 70%, #539FF1);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-background-size: 200% 100%;-webkit-animation: text-background-animation 2s infinite linear;}
@-webkit-keyframes text-background-animation {
  0% {background-position: 20% 0}
  100% {background-position: -120% 0}
}
@keyframes text-background-animation {
  0% {background-position: 20% 0}
  100% {background-position: -120% 0}
}
/*单行文本溢出省略*/
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
/*两行文本溢出省略*/
.multi-ellipsis {position: relative;line-height: 1.6em !important;height: 3.2em !important;overflow: hidden}
.multi-ellipsis:after {content: "";font-weight: 700;position: absolute;bottom: 0;right: 0;padding-left: 20px;background: -webkit-linear-gradient(left, transparent, #fff 62%);background: -o-linear-gradient(right, transparent, #fff 62%);background: -moz-linear-gradient(right, transparent, #fff 62%);background: linear-gradient(to right, transparent, #fff 62%)}
/*hover时提升按钮颜色明度*/
.brightness:hover {-webkit-filter: brightness(1.2);filter: brightness(1.2);-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s}
/*修改不同视口下公共类属性的值*/
@media screen and (max-width: 1200px) {
  .mb {margin-bottom: 10px}

  .m-multi-ellipsis {position: relative;line-height: 1.4em !important;height: 2.8em !important;overflow: hidden}

  .m-multi-ellipsis:after {content: "";font-weight: 700;position: absolute;bottom: 0;right: 0;padding-left: 20px;background: -webkit-linear-gradient(left, transparent, #fff 62%);background: -o-linear-gradient(right, transparent, #fff 62%);background: -moz-linear-gradient(right, transparent, #fff 62%);background: linear-gradient(to right, transparent, #fff 62%)}
}
/*不同视口下对html的显隐*/
.hidden {display: none}
@media screen and (max-width: 1200px) {
  .hidden-sm-md-lg {display: none !important}
}
@media screen and (max-width: 768px) {
  .hidden-sm {display: none !important}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
  .hidden-md {display: none !important}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .hidden-lg {display: none !important}
}
@media screen and (min-width: 1201px) {
  .hidden-xl {display: none !important}
}
/*========标题栏组件样式========*/
.flink, .full-post, .related-art, .widget, #left_1, #left_2, #left_3, #middle_1, #middle_2, #full-post, #full-app, .related-item, .comment-list, .comment-submit {padding: 1.5em}
.c-title {font-size: 18px;padding-bottom: .5em;margin-top: -.5em;position: relative;padding-left: 16px;}
.c-title:after {content: "#";color: #23A6DC;opacity: .7;left: 0;width: 5px;height: 20px;top: 0;position: absolute;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s}
/*========animated========*/
.animated {-webkit-animation-duration: .5s;-moz-animation-duration: .5s;-o-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes slideDown {
  0% {-webkit-transform: translateY(-80px)}
  100% {-webkit-transform: translateY(0)}
}
@-moz-keyframes slideDown {
  0% {-moz-transform: translateY(-80px)}
  100% {-moz-transform: translateY(0)}
}
@-o-keyframes slideDown {
  0% {-o-transform: translateY(-80px)}
  100% {-o-transform: translateY(0)}
}
@keyframes slideDown {
  0% {transform: translateY(-80px)}
  100% {transform: translateY(0)}
}
.animated.slideDown {-webkit-animation-name: slideDown;-moz-animation-name: slideDown;-o-animation-name: slideDown;animation-name: slideDown}
@-webkit-keyframes slideUp {
  0% {-webkit-transform: translateY(0)}
  100% {-webkit-transform: translateY(-80px)}
}
@-moz-keyframes slideUp {
  0% {-moz-transform: translateY(0)}
  100% {-moz-transform: translateY(-80px)}
}
@-o-keyframes slideUp {
  0% {-o-transform: translateY(0)}
  100% {-o-transform: translateY(-80px)}
}
@keyframes slideUp {
  0% {transform: translateY(0)}
  100% {transform: translateY(-80px)}
}


.animated.slideUp {-webkit-animation-name: slideUp;-moz-animation-name: slideUp;-o-animation-name: slideUp;animation-name: slideUp}
/*========header========*/
/*.header-fixed {position: fixed;z-index: 9999;right: 0;left: 0;top: 0;}*/
.header {height: 65px;font-size: 100%;width: 100%;z-index: 9;}
.h-wrap {height: 65px;position: relative}
.header-top {height: 44px;line-height: 44px;overflow: hidden;color: #eee;background-color: #333}
.header-top a {color: #fff;display: inline-block;padding: 0 0.5em;}
.header-top .iconfont {}
.header-top a:hover {color: #fff;background-color: #23A6DC}
.header-top .line {width: 1px;height: 10px;background-color: #ccc;display: inline-block;padding: 0;}
.header-top .collect, .header-top .text {margin-left: 1.5em}
.logo-area {padding-top: 5px;padding-right: -20px;max-width: 270px;margin: 3px auto;display: block;float: left;max-width: 204px;}
.logo-area .img {width: 92%;max-width: 264px;}
.pc-nav {max-width: 100%;height: 60px;}
.pc-nav li {float: left}
.pc-nav li a {height: 80px;line-height: 80px;padding: 0 20px;font-size: 16px;display: block}
.pc-nav li a:after {content: "\e8a8";font-family: iconfont !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.pc-nav .sub-nav a:after {content: "\e8a9";font-family: iconfont !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.pc-nav .sub-nav a:hover {color: #23A6DC}
.pc-nav li a {position: relative;}
.pc-nav li a::before, .pc-nav .active::before {content: "";position: absolute;left: 50%;bottom: 0;width: 20%;height: 2px;opacity: 0;background-color: #23A6DC;transform: translate(-50%, 0);transition: all 0.3s ease-in-out;}
.pc-nav li ul li a::before, .pc-nav li ul li a.active::before {height: 0;}
.pc-nav li a:hover::before, .pc-nav .active::before {width: 50%;opacity: 1;}
.pc-nav .dropdown-nav .active::before {background-color: #fff;}
.pc-nav li a:only-child::after {content: ""}
.pc-nav .li-cate {position: relative}
.pc-nav .active {color: #23A6DC;}
.dropdown-toggle:active, .open .dropdown-toggle {outline: 0}
.dropdown-nav {position: absolute;top: 44px;left: 0;z-index: 1000;display: none;float: left;margin: 0;padding: 0;background-color: #323841;list-style: none}
.dropdown-nav .active a, .dropdown-nav .active a:hover, .dropdown-nav li a:hover {background-color: #23A6DC;color: #fff}
.pc-nav {font-size: 14px;margin-right: 10px}
.pc-nav li {position: relative;list-style: none;display: block;float: left}
.pc-nav li .iconfont {color: red;}
.pc-nav li a {text-transform: none;line-height: 60px;height: 60px;padding: 0 18px;display: block}
.pc-nav li a i.fa {padding-right: 3px;position: relative;top: 0}
.pc-nav li .sub-nav {text-align: left;position: absolute;top: 48px;left: -10px;display: none;background: #fff;border: 1px solid #eaeeef;}
.pc-nav li .sub-nav li {float: none;height: 40px;min-height: 40px}
.pc-nav li .sub-nav li a {line-height: 40px;height: 40px;padding: 0 35px;color: #1a1a1a;white-space: nowrap;min-width: 110px}
.pc-nav li .sub-nav li a i.iconfont {padding-right: 3px}
.pc-nav li .sub-nav li a:hover {background: 0 0}
.pc-nav .active a, .pc-nav .active a:focus {color: #fff}
.pc-nav li > ul > li a.current-menu-item {background: 0 0}
.pc-nav li.current-menu-ancestor a, .pc-nav li.current-menu-item a, .pc-nav li.current-post-ancestor a, .pc-nav li:hover a {position: relative}
.pc-nav li .icons {margin-right: 5px;font-size: 17px;top: 1px;position: relative}
.pc-nav .nav-ul > li:hover > .sub-nav {display: block;padding: 15px 0}
.nav-ul > li, .nav-ul > li > li {float: left}
.pc-nav .nav-ul li ul li:hover > .sub-nav {display: block;padding: 15px 0}
.pc-nav li ul li .sub-nav {top: -16px;left: 100%}
.pc-nav li ul.sub-nav li > a.menu-th3:after {content: ".";display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-left: 4px solid;border-bottom: 4px solid transparent;border-top: 4px solid transparent;position: relative;left: 5px;overflow: hidden}
.pc-nav .has-child > a:after {content: ".";display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px solid;border-right: 4px solid transparent;border-left: 4px solid transparent;position: relative;left: 5px;overflow: hidden}
.m-nav-btn, .nav-sousuo, span.toggle-btn {display: none}
#search-area {position: absolute;bottom: 13px;right: 0;z-index: 2;width: 22%}
.header_sitemap { position: absolute;top: 10px;right: 10px;}
.search-button {cursor: pointer;width: 60px;height: 66px;line-height: 66px;margin-right: -15px;text-align: center}
.search-button i.iconfont {font-size: 24px}
.searchform {width: 100%;position: relative}
.s-input {width: 100%;text-indent: 1.2em;border: none;background: #f8f8f8;border: 1px solid #f1f1f1;font-weight: 400;height: 34px;line-height: 34px;color: #333}
.s-button {position: absolute;right: 0;top: 0;z-index: 1;width: 20%;border-radius: 100px;border: none;cursor: pointer;height: 34px;line-height: 34px;color: #333;background: none;}
.mask-hidden {position: fixed;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;background: #000;visibility: hidden}
.mask-show {visibility: visible;opacity: .2}
/*========content======*/
/*========幻灯片======*/
/*Swiper 3.0.5 自定义css*/
.swiper-container {margin-bottom: 25px !important;width: 100%;height: 240px}
.swiper-container img {width: 100%;height: 240px;}
.swiper-slide {text-align: center;background: #fff}
.swiper-button-next, .swiper-button-prev {background-image: none !important;opacity: .4;background-color: rgba(0, 0, 0, .4);position: absolute;z-index: 2;width: 50px !important;height: 60px !important;font-size: 35px;font-weight: 700;color: #fff;text-align: center;cursor: pointer;transition: .3s}
.swiper-button-prev {left: 0px !important;}
.swiper-button-next {right: 0px !important;}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {opacity: 1}
.swiper-slide .link {display: block;}
.swiper-slide .p {position: absolute;bottom: 2em;color: #fff;font-size: 20px;font-weight: 300;z-index: 2;text-align: center;width: 100%;padding: 0 1em}
.swiper-pagination-bullet {width: 10px;height: 10px;border-radius: 10px;background-color: rgba(0, 0, 0, .2) !important;opacity: 1 !important}
.swiper-pagination-bullet-active {background-color: #23A6DC !important;opacity: .8;width: 16px !important;border-radius: 30px !important;}
.swiper-pagination {text-align: right}
.swiper-pagination-bullet-active {width: 20px;}
/*自定义lightgallery.min.css*/
.lg-outer .lg-thumb-outer, .lg-backdrop {background-color: rgba(0, 0, 0, .7) !important;}
/*app截图轮播*/
/*.app-content .swiper-button-disabled{display:none;}*/
.app-content .swiper-container {width: 100%;height: 100%;}
.app-content .swiper-container a:hover {border: none;}
.app-content .swiper-container img {width: 100%;height: 100%;}
.app-content .swiper-slide {display: block;text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*========主内容区域======*/
.index-breadcrumb {height: 0;}
.breadcrumb {padding: 12px 0 10px 10px;opacity: .8;display: block;text-align: left;clear: both}
.breadcrumb i {padding: 0 5px;}
#mainbox {width: 76%}

/*--APP列表[多页面共用]--*/
.app-list {width: 100%;padding: 1.5em;position: relative}
.app-list:hover {background-color: #fcfcfc;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s}
.app-list .istop {color: #f33;padding: 0 3px;border: 1px solid #f33;border-radius: 2px;font-size: 14px;vertical-align: middle;display: inline-block;margin-right: 5px;font-weight: 200}
.app-list .figure {width: 70px;height: 70px;overflow: hidden;margin-left: 10px;}
.app-list .thumbnail {display: block;overflow: hidden}
.app-list .figure img {height: 70px;width: 70px;border-radius: 15px;}
.app-list .content {margin-left: 20px;color: #888;width: 76%;}
.app-list .content .title {font-size: 18px;}
.app-list .content i.iconfont {padding-right: 5px;}
.app-list .data, .app-list .data .icon {font-size: 12px;opacity: .8;}
.app-list .intro {padding: .5em 0 0 0;line-height: 1.2em;}
.app-list .author, .app-list .time, .app-list .view {padding-right: 1em}
.app-list .cate {opacity: .6;}
.app-list .tag {max-width: 22em}
.app-list .tag a {color: #666;padding-right: 8px}
.app-list .tag a:hover {color: #333;text-decoration: underline}
.app-list .download {display: block;margin-top: 20px;margin-right: 10px;margin-right: 2;padding: 0.3em 1em;color: #23A6DC;background-color: #fff;border: 1px solid #23A6DC;text-align: center;}
.app-list .download:hover {background-color: #23A6DC;color: #fff;border: 1px solid #23A6DC;}
/*--文章列表[多页面共用]--*/
.article-list {width: 100%;padding: 1.5em;position: relative}
.article-list:hover {background-color: #fcfcfc;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s}
.article-list .istop {color: #f33;padding: 0 3px;border: 1px solid #f33;border-radius: 2px;font-size: 14px;vertical-align: middle;display: inline-block;margin-right: 5px;font-weight: 200}
.article-list .figure {width: 210px;height: 130px;overflow: hidden}
.article-list .thumbnail {display: block;overflow: hidden}
.article-list .figure img {min-height:130px;height: auto;width: 210px;}
.article-list .content {margin-left: 240px;color: #888}
.article-list .content .title {font-size: 20px;}
.article-list .content i.iconfont {padding-right: 5px;}
.article-list .intro {padding: .3em 0 .2em 0;line-height: 1.6em;}
.article-list .author, .article-list .time, .article-list .view {padding-right: 1em}
.article-list .tag {max-width: 22em}
.article-list .tag a {color: #666;padding-right: 8px}
.article-list .tag a:hover {color: #333;text-decoration: underline}

/*========侧边栏======*/
#sidebar {width: 22%}
.aside_qr {display: block;margin: -1em;}
.aside_qr img {width: 100%;display: block;}
#divCatalog li {width: 50%;display: inline-block}
#divCatalog li:nth-of-type(even) {text-align: right}
#divCatalog li a {width: 96%;display: inline-block;text-align: center;border: 1px solid #ddd;border-radius: 3px;padding: .5em 0;margin-top: .5em}
#divCatalog li a:hover {background-color: #23A6DC;color: #fff;border: 1px solid #23A6DC}
#divPrevious li {list-style: circle;list-style-position: inside;border-bottom: 1px dashed #ddd;padding: .5em 0}
#divPrevious li:last-child {border: none;padding-bottom: 0}
#divPrevious li:first-child {padding-top: 0}
#divTags li {display: inline-block}
#divTags .tag-count {font-size: 12px;font-weight: 100}
#divTags li a {display: inline-block;text-align: center;padding: .2em .6em;margin: .5em .2em 0 0;border-radius: 3px;opacity: 1;}
ul.divTags {margin-top: -.5em;}
#divTags li:nth-child(1) a {background-color: #d9f2fb;color: #1aa9fb;}
#divTags li:nth-child(2) a {background-color: #d9fcda;color: #3ab14a;}
#divTags li:nth-child(3) a {background-color: #fff3d0;color: #f67c23;}
#divTags li:nth-child(4) a {background-color: #f8cbff;color: #a123db;}
#divTags li:nth-child(5) a {background-color: #bbf1f2;color: #04839d;}
#divTags li:nth-child(6) a {background-color: #ffdede;color: #e84f4f;}
#divTags li:nth-child(7) a {background-color: #d9fcda;color: #3ab14a;}
#divTags li:nth-child(8) a {background-color: #d9f2fb;color: #1aa9fb;}
#divTags li:nth-child(9) a {background-color: #ffdede;color: #e84f4f;}
#divTags li:nth-child(10) a {background-color: #f8cbff;color: #a123db;}
#divTags li:nth-child(11) a {background-color: #fff3d0;color: #f67c23;}
#divTags li:nth-child(12) a {background-color: #bbf1f2;color: #04839d;}
#divTags li:nth-child(13) a {background-color: #bbf1f2;color: #3ab14a;}
#divTags li:nth-child(14) a {background-color: #ffdede;color: #e84f4f;}
#divTags li:nth-child(15) a {background-color: #d9fcda;color: #3ab14a;}
#divTags li:nth-child(16) a {background-color: #d9f2fb;color: #1aa9fb;}
#divTags li:nth-child(17) a {background-color: #d9f2fb;color: #a123db;}
#divTags li:nth-child(18) a {background-color: #d9fcda;color: #04839d;}
#divTags li:nth-child(19) a {background-color: #f8cbff;color: #a123db;}
#divTags li:nth-child(20) a {background-color: #d9fcda;color: #3ab14a;}
#divTags li:nth-child(21) a {background-color: #bbf1f2;color: #04839d;}
#divTags li:nth-child(22) a {background-color: #d9fcda;color: #3ab14a;}
#divTags li:nth-child(23) a {background-color: #f8cbff;color: #a123db;}
#divTags li:nth-child(24) a {background-color: #f8cbff;color: #04839d;}
#divTags li:nth-child(25) a {background-color: #ffdede;color: #e84f4f;}
#divTags li:nth-child(26) a {background-color: #fff3d0;color: #f67c23;}
#divTags li:nth-child(27) a {background-color: #d9fcda;color: #04839d;}
#divTags li:nth-child(28) a {background-color: #d9fcda;color: #3ab14a;}
#divTags li:nth-child(29) a {background-color: #d9fcda;color: #1aa9fb;}
#divTags li:nth-child(30) a {background-color: #f8cbff;color: #a123db;}
#divTags li a:hover {opacity: .8 !important;-webkit-transition: all ease .2s;-moz-transition: all ease .24s;-ms-transition: all ease .2s;-o-transition: all ease .2s;transition: all ease .2s}
#divMisc li {display: inline-block;padding-right: 5%}
#divAuthors li, #divFavorites li, #divLinkage li {display: inline-block;padding-right: 1em}
#divArchives li, #divNavBar li, #divStatistics li {display: inline-block;width: 49.2%}
#divContorPanel .cp-login a, #divContorPanel .cp-vrs a {width: 48.3%;display: inline-block;text-align: center;border: 1px solid #ddd;border-radius: 3px;padding: .5em 0;margin-top: .5em}
#divContorPanel .cp-login a:hover, #divContorPanel .cp-vrs a:hover {background-color: #23A6DC;color: #fff;border: 1px solid #23A6DC}
#tbCalendar {width: 100%}
#tbCalendar a {width: 40px;height: 40px;color: #23A6DC}
#tbCalendar tbody a {display: inline-block;background-color: #23A6DC;color: #fff;border-radius: 3px}
#tbCalendar caption {height: 60px;line-height: 60px}
#tbCalendar td, #tbCalendar th {width: 40px;height: 40px;line-height: 40px}
#tbCalendar caption {font-size: 18px}
#tbCalendar tbody {text-align: center}
#divSearchPanel input[type=text] {width: 78%;border: none;
  background: 0 0;font-weight: 400;padding: .5em;color: #333;border: 1px solid #ddd;border-radius: 3px;border-top-right-radius: 0 !important;border-bottom-right-radius: 0 !important}
#divSearchPanel input[type=submit] {width: 21.9%;border: none;cursor: pointer;padding: .5em;background-color: #23A6DC;color: #fff;border: 1px solid #23A6DC;border-radius: 3px;border-top-left-radius: 0 !important;border-bottom-left-radius: 0 !important;margin-left: -6px}

/*--首页左侧[每日一荐]--*/
#left_1 {height: 240px;background-image: url("../image/one_bg.png");}
#left_1 article {display: none;width: 100%;}
#left_1 article:first-child {display: block;}
#left_1 .img {width: 80px;height: 80px;background-color: #f2f5f9;margin: 0 auto;border-radius: 15px}
#left_1 .wrap {padding-top: 0}
#left_1 .title {font-size: 18px}
#left_1 .category {color: #999;}
#left_1 .title-wrap {margin-left: 100px}
#left_1 .intro {margin-top: 15px;max-height: 64px;overflow: hidden;color: #888;}
#left_1 .download {padding: 0.2em 2em;color: #fff;background-color: #23A6DC;text-align: center}
#left_1 .div {margin-top: 5px}
/*--首页左侧[图文模块]--*/
#left_2 .more {position: absolute;right: 0;height: 35px;line-height: 35px;font-size: 14px;color: #888;font-weight: normal;}
#left_2 .more:hover {color: inherit;}
#left_2 .item .p-title {height: 40px;line-height: 40px;font-size: 14px;width: 100%;font-weight: 400;padding: 0 5px;color: #fff;position: relative;}
#left_2 li i.iconfont {color: #666;}
#left_2 .thumbnail {position: relative;color: #eee;display: block;overflow: hidden}
#left_2 .thumbnail img {display: block;width: 100%;height: 130px}
#left_2 .absolute {width: 100%;padding: 0 1em;position: absolute;bottom: 0;left: 0;z-index: 2}
#left_2 .mask {width: 100%;height: 40px;line-height: 40px;position: absolute;bottom: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .8);}
#left_2 .a {width: 100%;}
/*--首页左侧[app列表]--*/
#left_3 .item {width: 100%;padding: 15px 0;border-bottom: 1px solid #f5f5f7;}
#left_3 .thumbnail {height: 50px;}
#left_3 .img {width: 50px;height: 50px;margin: 0 auto;border-radius: 10px}
#left_3 .wrap {padding-top: 0}
#left_3 .title {font-size: 16px;max-width: 67%;}
#left_3 .title-wrap {margin-left: 65px;position: relative;}
#left_3 .intro {margin-top: 5px;max-height: 64px;overflow: hidden;color: #888;}
#left_3 .div {margin-top: 5px}
#left_3 a.more {height: 42px;line-height: 60px;text-align: center;display: block;color: #888;}
#left_3 a.more:hover {color: inherit;}
#left_3 .download {position: absolute;padding: 0 1em;border: 1px solid #23A6DC;color: #23A6DC;background-color: #fff;text-align: center;top: -3px;right: 0;z-index: 1;border-radius: 3px;}
#left_3 .download:hover {color: #fff;background-color: #23A6DC;}
/*--首页中栏[文章列表]--*/
#middle_2 .more {position: absolute;right: 0;height: 35px;line-height: 35px;font-size: 14px;color: #888;font-weight: normal;}
#middle_2 .more:hover {color: inherit;}
#middle_2 .c-title {margin-bottom: 3px;}
#middle_2 .item i.iconfont {color: #666}
#middle_2 .item:nth-child(odd) {margin-right: 0;float: right;}
#middle_2 .item {width: 48%;margin-right: 2%;}
#middle_2 .top {width: 100%;margin-right: 0;margin-bottom: 11px;}
#middle_2 .item .top-title {width: 100%;font-size: 20px;font-weight: 500;text-align: center;}
#middle_2 .item .intro {opacity: .6;}
#middle_2 .item .intro i {font-size: 12px;opacity: .4;}
#middle_2 .item .title {max-width: 80%;font-weight: 400;padding: 4px 0;font-size: 14px}
#middle_2 .item .time {padding-top: 3px;}
/*--首页中栏[app列表]--*/
#middle_1 .more {position: absolute;right: 0;height: 35px;line-height: 35px;font-size: 14px;color: #888;font-weight: normal;}
#middle_1 .more:hover {color: inherit;}
#middle_1 .item i.iconfont {padding-right: 5px;color: #666}
#middle_1 .item:nth-child(5n+1) {margin-right: 0}
#middle_1 .item {width: 18.4%;margin-right: 2%;position: relative;text-align: center;border-radius: 6px;padding: 1em 0;border: 1px solid #fff}
#middle_1 .item:hover {background-color: #f2f5f9;border: 1px solid #ecebeb;}
#middle_1 .thumbnail {display: block;overflow: hidden;height: 70px;}
#middle_1 .thumbnail img {height: 70px;width: 70px;border-radius: 15px}
#middle_1 .download {position: absolute;left: 2.5em;padding: 0 1em;color: #fff;background-color: #23A6DC;text-align: center;display: none;left: 50%;bottom: 0;z-index: 1;transform: translate(-50%, -50%);}
#middle_1 .item .title {width: 100%;padding: 6px;font-size: 14px}
#middle_1 .item .sub {font-size: 12px;opacity: .6;padding-top: 5px;display: block;}
#middle_1 .item:hover .download {display: block;}
#middle_1 .item:hover .sub {opacity: 0;}
/*--首页通栏【文章图片】--*/
#full-post .more {position: absolute;right: 0;height: 35px;line-height: 35px;font-size: 14px;color: #888;font-weight: normal;}
#full-post .more:hover {color: inherit;}
#full-post .item {width: 23.48%;margin-right: 2%;margin-top: 2%;}
#full-post .item:nth-child(4n+0) {margin-right: 0;}
#full-post .item:nth-child(1), #full-post .item:nth-child(2), #full-post .item:nth-child(3), #full-post .item:nth-child(4) {margin-top: 0;}
#full-post .item i.iconfont {color: #666}
#full-post .thumbnail {position: relative;color: #eee;display: block;overflow: hidden}
#full-post .thumbnail img {display: block;width: 100%;height: 170px}
#full-post .absolute {width: 100%;padding: 0 1em;position: absolute;bottom: 6px;left: 0;z-index: 2}
#full-post .mask {width: 100%;height: 40px;line-height: 40px;position: absolute;bottom: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, .8);}
#full-post .a {width: 100%;}
/*--首页通栏2【最新app】--*/
#full-app .item {width: 23.48%;margin-right: 2%;margin-top: 0;background: #fff;padding: 25px;border-bottom: 1px solid #f5f5f7;border-radius: 3px;}
#full-app .item:hover {background: #f2f5f9;}
#full-app .item:nth-child(4n+1) {margin-right: 0;}
#full-app .item:nth-child(2), #full-app .item:nth-child(3), #full-app .item:nth-child(4), #full-app .item:nth-child(5) {margin-top: 0;}
#full-app .thumbnail {height: 50px;}
#full-app .img {width: 50px;height: 50px;margin: 0 auto;border-radius: 10px}
#full-app .wrap {padding-top: 0}
#full-app .title {font-size: 18px;font-weight: 500;max-width: 90%;}
#full-app .title-wrap {margin-left: 65px;position: relative;}
#full-app .intro {margin-top: 5px;max-height: 64px;overflow: hidden;color: #888;}
#full-app .div {margin-top: 5px}
#full-app a.more {height: 42px;line-height: 60px;text-align: center;display: block;color: #888;}
#full-app a.more:hover {color: inherit;}
#full-app .download {position: absolute;padding: 0 1em;border: 1px solid #23A6DC;color: #23A6DC;background-color: #fff;text-align: center;top: -3px;right: 0;z-index: 1;border-radius: 3px;}
#full-app .download:hover {color: #fff;background-color: #23A6DC;}
/*--首页右侧栏【日月年热榜】--*/
.widget_top10 {padding: 0;}
.table_card .tab {height: 51px;font-size: 16px;border-bottom: 1px #e6e6e6 solid;background: #fcfcfc;}
.table_card .tab li {float: left;height: 50px;line-height: 50px;width: 33.32%;text-align: center;background: #fcfcfc;border-right: 1px #e6e6e6 solid;}
.table_card .tab li:last-child {border-right: none;}
.table_card .tab li:hover {height: 50px;background: #fcfcfc;color: #23A6DC;cursor: pointer}
.table_card .active {height: 51px !important;background: #fff !important;color: #23A6DC;}
.table_card .tabCon {background: #fff;padding: 11px 1.5em;}
.table_card .tabCon ul {display: none}
.table_card .tabCon .on {display: block}

.table_card .item {width: 100%;padding: 11px 0;}
.table_card .thumbnail {height: 50px;}
.table_card .img {width: 50px;height: 50px;margin: 0 auto;border-radius: 10px}
.table_card .wrap {padding-top: 0}
.table_card .title {font-size: 16px;}
.table_card .title-wrap {margin-left: 100px}
.table_card .intro {margin-top: 5px;max-height: 64px;overflow: hidden;color: #888;}
.table_card .div {margin-top: 5px}
.table_card .iconfont {position: relative;color: #fff;font-size: 28px;margin-right: 10px;}
.table_card .list-1.iconfont {color: #f00;}
.table_card .list-2.iconfont {color: #ff7100;}
.table_card .list-3.iconfont {color: #f7aa00;}
.table_card .iconfont small {position: absolute;top: 9px;left: 9px;font-size: 16px;font-weight: bold;color: #666;}
.table_card .list-1 small, .table_card .list-2 small, .table_card .list-3 small {color: #fff;}
.table_card a.more {height: 42px;line-height: 60px;text-align: center;display: block;color: #888;}
.table_card a.more:hover {color: inherit;}
/*--站点信息--*/
#aside_about {padding: 0;}
#aside_about .bg {width: 348px;height: 142px}
#aside_about .avatar {width: 100%;text-align: center;margin-top: -42px}
#aside_about .img {width: 70px;height: 70px;margin: 0 auto;border-radius: 100px;border: 5px solid rgba(255, 255, 255, .8)}
#aside_about .wrap {padding-top: 0}
#aside_about .title {text-align: center;font-size: 20px;color: #333}
#aside_about .info {color: #666;padding-top: 5px;line-height: 26px;overflow: hidden}
#aside_about .ul {position: relative;margin-top: 17px}
#aside_about .line {position: absolute;left: 46%;top: 5px;z-index: 1;color: #aaa;font-size: 22px}
#aside_about .li {width: 49.5%;text-align: center}
#aside_about .num {text-align: center;font-size: 22px;font-weight: 100;line-height: 10px}
#aside_about small {display: block;color: #999}
/*--热门文章--*/
#aside_hot li {border-bottom: 1px dashed #ddd;padding: .5em 0}
#aside_hot li:first-child {padding-top: 0}
#aside_hot li:last-child {border: none;padding-bottom: 0}
#aside_hot li a {margin-left: 15px;display: block}
#aside_hot .list {float: left;color: #666;}
#aside_hot .list-1, #aside_hot .list-2, #aside_hot .list-3 {color: #23A6DC}
/*--最新文章--*/
#aside_new .list {padding: .6em 0}
#aside_new li {list-style-type: circle;list-style-position: inside}
#aside_new li:first-child {padding-top: 0}
#aside_new li:last-child {padding-bottom: 0}
#aside_new .time, #aside_new .view {color: #999}
#aside_new .list .img-wrap {float: left;overflow: hidden;display: block;height: 70px;width: 100px}
#aside_new .random-img {float: left;width: 100px;height: 70px}
#aside_new .new-text {margin-left: 120px}
#aside_new .title {line-height: 1.6em}
/*--热门评论--*/
#aside_hot_comment .list {padding: .615em 0}
#aside_hot_comment li:first-child {padding-top: 0}
#aside_hot_comment li:last-child {padding-bottom: 0}
#aside_hot_comment .comment, #aside_hot_comment .time {color: #999;padding-right: 1.5em}
#aside_hot_comment .comment i.iconfont, #aside_hot_comment .time i.iconfont {padding-right: 2px}
#aside_hot_comment .list .img-wrap {overflow: hidden;display: block;height: 60px;width: 90px}
#aside_hot_comment .random-img {width: 90px;height: 60px}
#aside_hot_comment .new-text {margin-left: 100px}
#aside_hot_comment .title {line-height: 1.6em}
/*--最新留言--*/
.divComments {padding-top: 5px;}
#divComments .list {padding: .68em 0}
#divComments li:first-child {padding-top: 0}
#divComments li:last-child {padding-bottom: 0}
#divComments .avatar {float: left;display: block}
#divComments .avatar img {width: 50px;height: 50px;border-radius: 10px;border: 2px solid #fff;box-shadow: 2px 2px 3px #efefef;-webkit-transition: .4s;-webkit-transition: -webkit-transform .4s ease-out;transition: transform .4s ease-out;-moz-transition: -moz-transform .4s ease-out}
#divComments .title {margin-left: 65px}
#divComments .title .a {display: block}
#divComments .info i.iconfont {padding-right: 5px}
#divComments .info {color: #999}
#divComments .author {padding-left: 1em}
/*--文章页作者信息--*/
#widget_aside_author .title {margin: -1.5em;background: #f8f8f8;padding: 1.5em;background-size: 100% !important}
#widget_aside_author .img {border-radius: 100px;width: 70px;height: 70px;margin: 0 auto;display: block;border: 5px solid rgba(255, 255, 255, .8)}
#widget_aside_author .avatar {margin-top: 50px;display: block}
#widget_aside_author .name {font-size: 22px;text-align: center}
#widget_aside_author .level {font-size: 12px;background-color: #23A6DC;padding: 2px 6px;color: #fff;text-align: center;display: inline-block;vertical-align: middle}
#widget_aside_author .intro {color: #888;text-align: center}
/*--首页友情链接--*/
.flink {margin-bottom: 25px}
.flink .iconfont {color: #333}
.flink a.iconfont:hover {color: #23A6DC}
.flink .rule {font-size: 14px;font-weight: 400;padding-left: 2em;color: #999}
.flink .f-list li {float: left;padding-right: 2em}
.flink .f-list li a {font-size: 14px}
/*--app详情页--*/
.app-main {padding: 2em}
.app-main figure {width: 120px;height: 180px;margin-right: 30px;}
.app-main figure img {width: 120px;height: 120px;border-radius: 20px;}
.app-main figure .download {width: inherit;display: block;margin-top: 10px;padding: 0.3em 1em;color: #fff;background-color: #23A6DC;border: 1px solid #23A6DC;text-align: center;border-radius: 100px;opacity: .7;}
.app-main figure .download:hover {opacity: 1;}
.app-main .main {margin-right: 30px;width: 66.6%;}
.app-main .main h1 {font-size: 20px;}
.app-main .main .tag {margin: 10px 0;}
.app-main .main a.tags {font-size: 12px;height: 2em;line-height: 2em;padding: 0 1em;text-align: center;display: inline-block;margin-right: .5em;margin-bottom: .5em;opacity: 1;}
.app-main .main a.tags:hover {opacity: .8 !important;}
.app-main .main a.tags:nth-child(1) {background-color: #d9f2fb;color: #1aa9fb;}
.app-main .main a.tags:nth-child(2) {background-color: #d9fcda;color: #3ab14a;}
.app-main .main a.tags:nth-child(3) {background-color: #fff3d0;color: #f67c23;}
.app-main .main a.tags:nth-child(4) {background-color: #f8cbff;color: #a123db;}
.app-main .main a.tags:nth-child(5) {background-color: #bbf1f2;color: #04839d;}
.app-main .main a.tags:nth-child(6) {background-color: #ffdede;color: #e84f4f;}
.app-main .main a.tags:nth-child(7) {background-color: #d9fcda;color: #3ab14a;}
.app-main .main a.tags:nth-child(8) {background-color: #bbf1f2;color: #04839d;}
.app-main .main li {width: 60%;}
.app-main .main li:nth-child(odd) {width: 34%;}
.app-main .main li span {color: #333;}
.app-main .head-info {color: #999;border-bottom: 1px solid #eee;padding-bottom: 25px;}
.app-main .head-info .qr {width: 100px;}
.app-main .head-info .qr .p {font-size: 12px;}
.app-main .head-info .wrong i {font-size: 12px;padding-right: 2px;}
.app-main .head-info .wrong {width: inherit;display: block;margin-top: 10px;height: 2.4em;line-height: 2.4em;color: #111;background-color: #f2f5f9;border: 1px solid #ccc;text-align: center;font-size: 12px;opacity: .6;}
.app-main .head-info .wrong:hover {opacity: 1}
.app-content .title-css {display: inline-block;background: #f2f5f9;border-radius: 55px;height: 35px;position: relative;padding-left: 35px;padding-right: 15px;line-height: 35px;overflow: hidden;font-size: 18px;}
.app-content .title-css .i {display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;position: absolute;left: 10px;top: 8px;overflow: hidden;background-color: #23A6DC;color: #fff;font-size: 14px;}
.app-main .app-content {padding-top: 10px;position: relative;font-size: 16px;width: 100% !important;overflow: hidden;word-break: break-all}
.app-content a {color: #23A6DC}
.app-content a:hover {border-bottom: 1px dashed #23A6DC}
.app-content h1, .app-content h2, .app-content h3, .app-content h4, .app-content h5, .app-content h6 {margin: 10px 0}
.app-content h1 {font-size: 1.8em}
.app-content h2 {font-size: 1.6em}
.app-content h3 {font-size: 1.4em}
.app-content h4 {font-size: 1.2em}
.app-content h5 {font-size: 1em}
.app-content h6 {font-size: 0.8em}
.app-content blockquote {color: #666;font-weight: 400;border-left: 4px solid #23A6DC;padding: .5em 1em;background-color: #f9f9f9}
.app-content img {}
.app-content table {border-collapse: collapse;empty-cells: show;border-spacing: 0}
.app-content table tr.firstRow {font-weight: bold;background-color: #f8f8f8;text-align: left}
.app-content table th, .app-content table td {padding: .3em .5em;margin: 0;vertical-align: top;border: 1px solid #ddd}
.app-content blockquote, .app-content dl, .app-content form, .app-content hr, .app-content ol, .app-content p, .app-content pre, .app-content table, .app-content ul {font-weight: 400;margin-bottom: 1rem}
.app-content blockquote p, .app-content ul p {margin-bottom: 0}
.app-content li {margin-left: 1.2em;list-style: normal;}
.app-content hr {border: none;margin-top: 1.5rem;margin-bottom: 1.5rem;border-top: 1px solid #eee;height: 1px;background: 0 0}
.app-content audio, .app-content img, .app-content video {}
.app-content b, .app-content strong {font-weight: 700;}
.app-content .padding {padding-right: .5em}
.app-content .app-copyright, .app-content .tag-wrap {font-size: 14px}
.app-content .tags {border: 1px solid #ddd;padding: .1em .5em;text-align: center;color: #333}
.app-content .tags:hover {background-color: #23A6DC;color: #fff;border: 1px solid #23A6DC}
.app-copyright {background: #f8f8f8;padding: 1em 1.5em}
.app-copyright .copyright {font-weight: 700;padding-top: 10px}
.prev-next {padding: 1.5em}
.prev-next strong {font-weight: 400}
.prev-next .post-next, .prev-next .post-prev {width: 46%;color: #999;font-size: 16px}
.prev-next .post-next {text-align: right}
.prev-next .next, .prev-next .prev {display: block;font-size: 14px}
.quick-prev-next .next, .quick-prev-next .prev {position: fixed;z-index: 1;top: 45%;height: 50px;line-height: 50px;width: 50px;font-size: 50px;color: #888}
.quick-prev-next .next:hover, .quick-prev-next .prev:hover {color: #333}
.quick-prev-next .prev {left: 0}
.quick-prev-next .next {right: 0}
/*--专题详情页--*/
.blur {-webkit-filter: blur(20px);-moz-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false);}
.blur-layer {width: 100%;height: inherit;opacity: .2;}
.topic-content .title-topic {margin-bottom: 1rem}
.title-topic {display: inline-block;background: #f2f5f9;border-radius: 55px;height: 35px;position: relative;padding-left: 35px;padding-right: 15px;line-height: 35px;overflow: hidden;font-size: 18px;}
.title-topic .i {display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50%;position: absolute;left: 10px;top: 8px;overflow: hidden;background-color: #23A6DC;color: #fff;font-size: 14px;}
.topic-main figure {position: absolute;top: 1.5em;left: 1.5em;z-index: 2;width: 80px;height: 80px;margin-right: 15px;}
.topic-main figure img {width: 80px;height: 80px;border-radius: 15px;border: rgba(255, 255, 255, .5);box-shadow: 1px 1px 3px #fff;}
.topic-main .download {width: 60px;height: 24px;line-height: 24px;display: block;color: #fff;background-color: #23A6DC;text-align: center;border-radius: 100px;opacity: .7;}
.topic-main .download:hover {opacity: 1;}
.topic-main .main {position: absolute;top: 1.5em;right: 1.5em;width: 66.6%;z-index: 2;}
.topic-main .main h2 {font-size: 18px;width: 60%;}
.topic-main .main li {width: 50%;font-size: 12px;}
.topic-main .head-info {width: 48%;height: 120px;border-radius: 10px;position: relative;z-index: 1;}
.topic-main .head-info:nth-child(even) {float: right;}
.topic-main .head-info .top {margin-top: 5px;margin-bottom: 5px;}
.searchbbb {width: 80vw;max-width:700px;position: relative;margin: 20px auto;height: 69px;padding: 15px 14px 13px;font-size: 20px;}
.searchbbb input {width: 55vw;max-width:600px;height: 50px;padding: 0 15px 0 15px;font-size: 16px;color: #333;border: 1px solid #d1d1d1;border-radius: 3px;box-shadow: inset 0 1px 2px #eee;}
.searchbbb button {position: absolute;top: 15px;right: 12px;display: block;height: 50px;line-height: 50px;width: 90px;background-color: #0c7df5;color: #fff;text-align: center;border-radius: 0 2px 2px 0;border: none;font-size: 18px;}

@media screen and (max-width: 1200px) {
  .topic-main .head-info {width: 100%;}

  .topic-main figure {top: 1em;left: 1em;}

  .topic-main .main {top: 1em;right: 1em;}

  .topic-main .head-info {height: 110px;}
}
/*--文章详情页--*/
.art-head {text-align: center;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.art-main {padding: 3em}
.art-main .art-title {font-size: 26px;font-weight: normal;color: #333;}
.art-main .head-info {color: #999;padding-top: 5px;overflow: hidden;color: #666;}
.art-main .head-info i.iconfont {padding-right: 2px}
.art-main .head-info .author, .art-main .head-info .comment, .art-main .head-info .edit, .art-main .head-info .time, .art-main .head-info .view {padding-right: 1em}
.art-main .art-content {padding-top: 10px;position: relative;font-size: 16px;width: 100%;word-break: break-all}
.art-content a {color: #23A6DC}
.art-content a:hover {border-bottom: 1px dashed #23A6DC}
.art-content h1, .art-content h2, .art-content h3, .art-content h4, .art-content h5, .art-content h6 {margin: 10px 0}
.art-content h1 {font-size: 1.8em}
.art-content h2 {font-size: 1.6em}
.art-content h3 {font-size: 1.4em}
.art-content h4 {font-size: 1.2em}
.art-content h5 {font-size: 1em}
.art-content h6 {font-size: 0.8em}
.art-content blockquote {color: #666;font-weight: 400;border-left: 4px solid #23A6DC;padding: .5em 1em;background-color: #f9f9f9}
.art-content img { display: block;max-width: 100%;margin: 10px auto}
.art-content table {border-collapse: collapse;empty-cells: show;border-spacing: 0}
.art-content table tr.firstRow {font-weight: bold;background-color: #f8f8f8;text-align: left}
.art-content table th, .art-content table td {padding: .3em .5em;margin: 0;vertical-align: top;border: 1px solid #ddd}
.art-content blockquote, .art-content dl, .art-content form, .art-content hr, .art-content ol, .art-content p, .art-content pre, .art-content table, .art-content ul {font-weight: 400;margin-bottom: 1rem}
.art-content blockquote p, .art-content ul p {margin-bottom: 0}
.art-content li {margin-left: 1.2em;list-style: normal;}
.art-content hr {border: none;margin-top: 1.5rem;margin-bottom: 1.5rem;border-top: 1px solid #eee;height: 1px;background: 0 0}
.art-content audio, .art-content img, .art-content video {}
.art-content b, .art-content strong {font-weight: 700;}
.art-content .padding {padding-right: .5em}
.art-content .art-copyright, .art-content .tag-wrap {font-size: 14px}
.art-content .tags {border: 1px solid #ddd;padding: .1em .5em;text-align: center;color: #333}
.art-content .tags:hover {background-color: #23A6DC;color: #fff;border: 1px solid #23A6DC}
.art-copyright {background: #f8f8f8;padding: 1em 1.5em}
.art-copyright .copyright {font-weight: 700;padding-top: 10px}


/*--app猜你喜欢--*/
.related-item .more {position: absolute;right: 0;height: 35px;line-height: 35px;font-size: 14px;color: #888;font-weight: normal;}
.related-item .more:hover {color: inherit;}
.related-item .item {width: 100%;padding: 15px 0;border-bottom: 1px solid #f5f5f7;}
.related-item .item i.iconfont {padding-right: 5px;color: #666}
.related-item .item:nth-child(8n+0) {margin-right: 0}
.related-item .item {width: 11.17%;margin-right: 1.5%;position: relative;text-align: center;border-radius: 6px;padding: 1em 0;border: 1px solid #fff}
.related-item .item:hover {background-color: #f2f5f9;border: 1px solid #ecebeb;}
.related-item .thumbnail {display: block;overflow: hidden;height: 70px;}
.related-item .thumbnail img {height: 70px;width: 70px;border-radius: 15px}
.related-item .download {position: absolute;left: 2.5em;padding: 0 .5em;color: #fff;background-color: #23A6DC;text-align: center;display: none;left: 50%;bottom: 0;z-index: 1;transform: translate(-50%, -50%);}
.related-item .category {font-size: 12px;color: #999;}
.related-item .item .title {width: 100%;padding: 6px;font-size: 14px}
.related-item .item .sub {font-size: 12px;opacity: .6;padding-top: 5px;height: 20px;display: block;}
.related-item .item:hover .download {display: block;}
.related-item .item:hover .sub {opacity: 0;}
/*--app专题列表推荐--*/
.topic-list .figure, .topic-list .figure img {width: 330px;height: 230px;}
.topic-list .content {margin-left: 350px;}
.topic-list .related-item .item {width: 15.38%;}
.topic-list .related-item {padding: 0;margin-top: 5px;}
.topic-list:hover .related-item img {transform: none;}
.topic-list:hover .related-item .item {border: 1px solid #fcfcfc;}
.topic-list:hover .related-item .item:hover {border: 1px solid #f1f1f1;}
.topic-list .content > .title, .topic-list .content > .intro {margin-left: 10px;}
.topic-list .related-item .item {display: none;}
.topic-list .related-item .item:nth-child(-n+6) {display: block;}
.topic-list .related-item .item:nth-child(6) {margin-right: 0;}
@media screen and (max-width: 1200px) {
  .topic-list .intro {padding: 0;line-height: 1.5 !important;}

  .topic-list .content > .title, .topic-list .content > .intro {margin-left: 0;}

  .topic-list .figure, .topic-list .figure img {width: 220px;height: 90px;}
}
/*--相关文章--*/
.related-art li {width: 46%;margin: 1px 0;}
.related-art li:nth-child(odd) {margin-right: 8%;}
.related-art li .title {width: 100%;display: block;font-size: 16px;}
/*评论*/
#divCommentPost label {margin-top: 5px}
#divCommentPost img {margin-bottom: -0.5em}
#divCommentPost .hook {float: none !important;}
#cancel-reply {float: none !important;margin-right: 2em}
div.reply-frm {background: #fff;box-shadow: 0 4px 14px rgba(0, 0, 0, .1);margin-top: 1em;padding: .3em .8em !important;min-width: 600px;border-radius: 3px;}
#cancel-reply small {font-size: 16px;color: #ff6666;margin-left: 1em;}
#divCommentPost input.text {border: 1px solid #d7d7d7;line-height: 38px;height: 38px;padding: 10px;width: 96%;border-radius: 3px;}
.verify-wrap {position: relative;}
.verify-wrap img {border-radius: 3px;position: absolute;right: 0;top: 0;height: 38px !important;width: 100px !important;border: 1px solid #d7d7d7;background: #6b7386;}
#txaArticle {margin-top: 10px;color: #6b7386;padding: 10px;width: 100%;height: 130px;border: 1px solid #d7dae0;border-radius: 3px;}
#divCommentPost input.button {border: 1px solid #23A6DC;color: #fff;background-color: #23A6DC;text-align: center;height: 42px;line-height: 42px;border-radius: 3px;width: 120px;display: block;margin-top: 10px;cursor: pointer;opacity: .7;}
#divCommentPost input.button:hover {opacity: 1;}
ul.msg {list-style: none;margin: 10px 0;position: relative;text-align: left;list-style-position: outside;table-layout: fixed;word-wrap: break-word}
li.msgurl {text-align: right;padding: 2px 10px 2px 10px;margin: 0;font-size: 1em}
li.msggravatar {display: block;float: left;margin-right: 5px}
li.msgarticle {list-style-position: outside;padding: 5px;padding-right: 0;margin: 0; /*border-bottom:1px solid #eaeaea*/}
ul.msg li.msgarticle {margin-left: 60px;}
li.msgtime {padding: 5px 0 0 0;font-weight: 400;font-size: .8em}
.msg img.avatar {width: 60px;height: 60px;float: left;padding: 2px;border-radius: 10px;border: 1px solid #fff;box-shadow: 2px 2px 3px #efefef;}
ul.msg ul.msg {padding: 10px 0 0 0; /*margin:20px 0 0 0;border-top:1px solid #eaeaea;*/border-bottom: none}
ul.msg ul.msg li.msgarticle {padding-bottom: 0;border-bottom: 0 solid #eaeaea;}
li.msgname .commentname {padding-left: 1.5%;padding-top: 1%;display: inline-block;}
.comment-main {display: inline-block;padding: 10px 15px;background: #f2f5f9;border-radius: 5px;margin-left: 1.5%;}
.comment-main .time {font-size: 12px;opacity: .6;}
.commentname a {color: #23A6DC;}
.comment-main .content {font-size: 16px;line-height: 1.6;padding-top: 5px;word-break: break-all;}
.revertcomment {font-size: 14px;padding-left: 1em;white-space: nowrap;}
.revertcomment a {opacity: .4;}
.input-wrap {margin: 10px 0;}
.input-wrap .name, .input-wrap .mail, .input-wrap .site, .input-wrap .verify {width: 25%;}
/*ajax第二层，刷新后恢复原背景色*/
li.msgarticle .comment-main .comment-main {background: #fff;min-width: 340px;}
/*--分页--*/
.pagebar {text-align: center;background: #fff;padding: 1.5em;z-index: 1;position: relative;}
.page-numbers {padding: 0 1em;line-height: 34px;text-align: center;margin: 0 0 0 5px;display: inline-block;background-color: #23A6DC;color: #fff}
a.page-numbers {background: #fff;color: #1a1a1a;border: 1px solid #eee;}
a.page-numbers:hover {background-color: #23A6DC;color: #fff}
.ias-spinner {background: url(../image/loading.gif) no-repeat center;float: inherit;width: 98%;margin: 0 auto;height: 35px}
.ias-trigger-next {cursor: pointer;float: inherit;text-align: center;padding: 1.5em 0}
.ias-trigger-next a {background: #fff;color: #333;padding: .8em 2em;line-height: 100%;border-radius: 2px;box-shadow: 0 1px 2px 0 rgba(51, 51, 51, .3)}
.ias-trigger-next a:hover {box-shadow: 0 3px 2px 0 rgba(51, 51, 51, .2)}
.ias-trigger-next i {margin-right: 5px}
/*========广告位======*/
.ad a {display: block;line-height: 0}
.ad img {width: 100%}

/*========footer======*/
.footer {width: 100%;background: #252d38;color: #888b98}
.footer .main {padding: 0 1em}
.footer .intro {margin-bottom: .5em}
.footer small {color: #6e6f7d}
.footer small .icp {padding-left: 1em;}
.footer a {color: #6e6f7d}
.footer a:hover {color: #888b98}
.footer .title {font-size: 18px;padding-bottom: 1em}
.f-about, .f-contact, .f-qr {display: inline-block}
.f-about {width: 46%;padding: 3% 0}
.f-contact {width: 40%;padding: 3% 10%}
.f-contact i.iconfont {padding-right: 5px}
.f-qr {width: 120px;padding: 3% 0}
.f-qr .img {width: 100px;height: 100px}
/*--贴边工具栏--*/
.toolbar {bottom: 80px;position: fixed;right: 0;margin-right: 15px;cursor: pointer}
#totop {display: none}
.toolbar i.iconfont {color: #666;font-size: 18px}
.toolbar .btn {display: block;padding: 12px;margin-bottom: 5px;width: auto;height: auto;line-height: 18px;vertical-align: middle;text-align: center}
#qr:hover, .btn.qq:hover, .toolbar .btn:hover {background-color: #0084ff}
#qr:hover a, .btn.qq:hover a, .toolbar .btn:hover i {color: #fff}
#qr #qr-img {position: absolute;display: none}
#qr-img {left: -200px;bottom: 5px;max-width: 180px;padding: 8px}



/*========从别的地方扒拉的【复用模块】模块标题栏样式========*/
.double-list, .flink, .full-post, .text-post, .img-post, .post-comment, .recommend-a, .recommend-b, .recommend-c, .related-art, .widget {padding: 1.5em}
.double-list:hover .c-title::after, .flink:hover .c-title::after, .full-post:hover .c-title::after, .text-post:hover .c-title::after, .img-post:hover .c-title::after, .new-post:hover .c-title::after, .post-comment:hover .c-title::after, .recommend-a:hover .c-title::after, .recommend-b:hover .c-title::after, .recommend-c:hover .c-title::after, .related-art:hover .c-title::after, .widget:hover .c-title::after {width: 70px}

/*--首页推荐模块A--*/
.recommend-a .item i.iconfont {padding-right: 5px;color: #666}
.recommend-a .item:nth-child(3n+0) {margin-right: 0}
.recommend-a .item {width: 31.2%;margin-top: 1.5em;margin-right: 3.2%;position: relative}
.recommend-a .thumbnail {height: 160px;width: 100%;display: block;overflow: hidden;margin-bottom: 1em}
.recommend-a .thumbnail img {width: 100%}
.recommend-a .num {padding: 0 5px;color: #999}
.recommend-a .category {position: absolute;top: .5em;left: .5em;z-index: 1;background-color: #0084ff;opacity: .9;padding: .1em .5em;color: #fff;font-size: 12px}
.recommend-a .item .title {width: 100%;font-weight: 400;padding: 0 5px;font-size: 16px}
.recommend-a .author, .recommend-a .comment, .recommend-a .thumb, .recommend-a .view {padding-right: 1em;max-width: 8em}
.recommend-a .thumb {padding-right: 0}
.recommend-a time {padding-top: 2px}
/*--首页推荐模块B--*/
.recommend-b .item {width: 48.4%;margin-top: 1.5em;margin-right: 3.2%;position: relative}
.recommend-b .item:nth-of-type(even) {margin-right: 0}
.recommend-b .category {border: 1px solid #0084ff;padding: .1em .5em;color: #0084ff;font-size: 12px;max-width: 80px;}
.recommend-b .category:hover {background-color: #0084ff;color: #fff}
.recommend-b .title-wrap {font-size: 16px;margin-bottom: 10px}
.recommend-b .title {padding: .1em .5em;font-weight: 400;max-width: 80%}
.recommend-b .intro {color: #999;background: #f8f8f8;padding: 1em;height: 80px;position: relative}
.recommend-b .intro:before {content: "";height: 10px;width: 10px;background-color: #f8f8f8;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 0;border-bottom: 0;position: absolute;top: 34px;left: -5px}
.recommend-b .fr-wrap {margin-left: 80px}
.recommend-b .thumbnail {display: block;overflow: hidden;width: 80px;height: 80px}
.recommend-b .thumbnail img {width: 80px;height: 80px}
/*--首页推荐模块C--*/
.recommend-c .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.recommend-c .more i.iconfont {font-size: 24px}
.recommend-c .img-list {width: 100%;margin-right: 4%}
.recommend-c .img-list:nth-of-type(even) {margin-right: 0}
.recommend-c .figure {width: 180px;height: 120px;overflow: hidden}
.recommend-c .thumbnail {overflow: hidden}
.recommend-c .figure img {height: 100%;width: 100%}
.recommend-c .content {margin-left: 0px;color: #888}
.recommend-c .content .title {font-size: 18px;font-weight: 400}
.recommend-c .intro {padding: .5em 0}
.recommend-c .list {padding-top: .6em;width: 47.99%;margin-right: 4%}
.recommend-c .list .iconfont {font-size: 14px;padding-right: 2px;color: red}
.recommend-c .list .a {max-width: 76%}
.recommend-c .list:nth-of-type(even) {margin-right: 0}
.recommend-c .list-time, .full-post .time {color: #999}
/*--首页双栏文章--*/
.double-list {width: 48.65%}
.double-list:nth-of-type(even) {margin-right: 0}
.double-list .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.double-list .more i.iconfont {font-size: 24px}
.double-list .item .title {height: 3em;line-height: 3em;font-size: 16px;width: 100%;font-weight: 400;padding: 0 5px;color: #fff;position: relative;border-bottom: 1px solid rgba(255, 255, 255, .4)}
.double-list .icon-quote {position: absolute;top: 80px;left: 1em;color: rgba(255, 255, 255, .8) !important;z-index: 2}
.double-list .item i.iconfont {padding-right: 5px;color: #eee}
.double-list .thumbnail {position: relative;color: #eee;display: block;overflow: hidden}
.double-list .thumbnail img {display: block;width: 100%;height: 200px}
.double-list .absolute {width: 100%;padding: .5em 1em;position: absolute;bottom: 0;left: 0;z-index: 2}
.double-list .mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: linear-gradient(180deg, rgba(0, 0, 0, .01) 30%, rgba(0, 0, 0, .65))}
.double-list .num {padding-top: 5px}
.double-list .comment, .double-list .thumb, .double-list .view {padding-right: 1em;max-width: 8em}
.double-list .thumb {padding-right: 0}
.double-list .ul .title {line-height: 2.4em}
.double-list .ul .time {color: #999;line-height: 2.4em}

/*--首页通栏文章--*/
.full-post .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.full-post .more i.iconfont {font-size: 24px}
.full-post .img-list {width: 47.99%;margin-right: 4%}
.full-post .img-list:nth-of-type(even) {margin-right: 0}
.full-post .figure {width: 180px;height: 120px;overflow: hidden}
.full-post .thumbnail {overflow: hidden}
.full-post .figure img {height: 100%;width: 100%}
.full-post .content {margin-left: 200px;color: #888}
.full-post .content .title {font-size: 18px;font-weight: 400}
.full-post .content i.iconfont {padding-right: 5px;color: #666}
.full-post .intro {padding: .5em 0}
.full-post .author, .full-post .time, .full-post .view {padding-right: 1em}
.full-post .read-more {border: 1px solid #0084ff;border-radius: 100px;padding: .1em 1em;text-align: center;color: #0084ff;font-size: 12px}
.full-post .read-more:hover {background-color: #0084ff;color: #fff}
.full-post .list {padding-top: .6em;width: 47.99%;margin-right: 4%}
.full-post .list .iconfont {font-size: 14px;padding-right: 2px}
.full-post .list .a {max-width: 76%}
.full-post .list:nth-of-type(even) {margin-right: 0}
.full-post .list-time, .full-post .time {color: #999}
/*--首页三栏文章--*/
.text-post-wrap {width: 100%}
.text-post {width: 32.262%;margin-right: 1.6%}
.text-post:nth-child(3n+0) {margin-right: 0}
.text-post .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.text-post .more i.iconfont {font-size: 24px}
.text-post .list {padding-top: .6em;width: 100%;margin-right: 4%}
.text-post .list .iconfont {font-size: 14px;padding-right: 2px}
.text-post .list .a {max-width: 76%}
.text-post .list:nth-of-type(even) {margin-right: 0}
.text-post .list-time, .full-post .time {color: #999}
/*--首页多图模块----*/
.img-post .more {position: absolute;right: 0;height: 35px;line-height: 35px}
.img-post .more i.iconfont {font-size: 24px}
.img-post .img {display: block}
.img-post article .a {position: relative;display: block}
.img-post .mask {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background-image: linear-gradient(180deg, rgba(0, 0, 0, .01) 80%, rgba(0, 0, 0, .85))}
.img-post .title {position: absolute;bottom: 0;left: 0;z-index: 2;color: #fff;padding: 1em;font-weight: normal;width: 100%}
.img-post .left {width: 30%;overflow: hidden}
.img-post .left .img {width: 100%;height: 480px}
.img-post .top-wrap {width: 100%;height: 220px}
.img-post .top {width: 33.19%;margin-left: 1.8%;overflow: hidden}
.img-post .top .img {width: 100%;height: 220px}
.img-post .bottom {width: 21.52%;margin-left: 1.8%;margin-top: 20px;overflow: hidden}
.img-post .bottom:nth-child(3n+0) {margin-right: 0}
.img-post .bottom .img {width: 100%;height: 240px}


/*==========responsive==========*/
@media screen and (max-width: 1200px) {
  .s-input, .s-button {height: 50px;line-height: 50px;background: #fff;}

  .h-wrap, .header {height: 60px}

  .logo-area {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);padding: 5px 0 0 0}

  .logo-area .img {width: 80pt}

  .m-nav-btn {display: block;height: 0}

  .pc-nav {margin-right: 0}

  .responsive-nav {width: 75%;height: 100%;position: fixed;left: 0;top: 60px;bottom: 0;overflow-x: hidden;overflow-y: auto;z-index: 9;display: none;background: url(../image/nav_bg.png) repeat 200% #2c2e37;}

  .nav-sb {box-shadow: none}

  .m-nav {width: 100%;margin-top: 20px;}

  .m-nav-btn i.iconfont {position: absolute;top: 0;left: 0;font-size: 24px;cursor: pointer;width: 60px;height: 60px;line-height: 56px;text-align: center}

  .m-nav-btn i.active {color: #333;z-index: 10}

  .nav-ul > li {line-height: 38px;position: relative;width: 100%;display: inherit;margin-right: 0;text-align: left}

  .nav-ul > li:first-child {border-top: none}

  .nav-ul > li > a {height: 50px;font-size: 16px;display: block;text-indent: 4vw;color: #fff;line-height: 50px;}

  .nav-ul > li > a i.fa {font-size: 1em;padding-right: 3px}

  span.toggle-btn {position: absolute;height: 50px;width: 50px;line-height: 50px;color: #aaa;text-align: center;top: 0;right: 0;cursor: pointer;z-index: 100;display: block}

  span.toggle-btn i.iconfont {color: #eee;font-size: 18px}

  .m-nav-btn .active:before {content: "\e630"}

  .toggle-btn .active:before {content: "\e626"}

  .m-nav .sub-nav {background-color: #23A6DC;text-align: left;position: relative;left: 0;min-width: 100%;z-index: 10;font-size: 14px;top: 0;border-radius: 0}

  .m-nav .sub-nav > li {position: relative;text-align: left;line-height: 50px;float: left;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .1)}

  .sub-nav li:last-child {border-bottom: 0 solid transparent}

  .m-nav .sub-nav > li > a {text-indent: 1.5em;color: #fff;display: block;height: 50px;font-size: 16px;text-indent: 2em}

  .m-nav .sub-nav > li ul li > a {text-indent: 3em}

  .index-breadcrumb {padding-top: 70px}

  .breadcrumb, .breadcrumb2 {padding: 12px 0 5px 10px !important;color: #888}

  .search-button {position: absolute;top: 0;right: 14px;z-index: 1;height: 60px;width: 60px;display: block}

  .search-button i.iconfont {height: 60px;width: 60px;line-height: 60px;text-align: center;display: block;font-size: 24px}

  #search-area {left: 0;width: 96%;bottom: -60px;display: none;}
  .header_sitemap { display: none}
  #index-content {padding-top: 0;}

  #index-left, #index-middle {width: 100%;}

  #index-left, #index-middle {margin-right: 0;}

  #left_2, .flink, #full-post, #full-app, .post-comment, #middle_1, .recommend-b, .related-art, .widget {padding: 20px 15px 15px 15px}

  #mainbox {width: 100%}

  #left_2 .thumbnail img {height: 45vw;}

  .swiper-container {margin-bottom: 20px !important;width: 100%;height: 35vw;border-radius: 0 !important;}

  .swiper-container img {height: 35vw;}

  #middle_1 .item {width: 23%;display: none;padding: .5em 0;}

  #middle_1 .item:nth-child(6) {margin-right: 2% !important;}

  #middle_1 .item:nth-child(11) {margin-right: 2% !important;}

  #middle_1 .item:nth-child(-n+13) {display: block;}

  #middle_1 .item:nth-child(4n+1) {margin-right: 0}

  #middle_1 .item:hover .download {display: none;}

  #middle_1 .item:hover .sub {opacity: 1;}

  #middle_1 .item .title {font-size: 14px}

  #middle_2 .item {width: 100%;margin-right: 0;}

  #middle_2 .item {display: none;}

  #middle_2 .item:nth-child(-n+6) {display: block;}

  #full-post .item {width: 100%;margin-top: 3% !important;}

  #full-app .item {width: 100%;padding: 20px 5px;}

  #full-app .item:nth-child(2), #full-app .item:nth-child(3), #full-app .item:nth-child(4), #full-app .item:nth-child(5) {margin-top: 2%;}

  #full-app .item:last-child {border: none;}

  .app-list {padding: 1em}

  .app-list .figure {margin-left: 0;}

  .app-list .content {width: 50%;margin-left: 10px;}

  .app-list .download {margin-right: 0;padding: 0.3em .7em;}

  .app-main {padding: 1em}

  .app-main .head-info {position: relative;}

  .app-main figure {width: 80px;height: 80px;}

  .app-main figure img {width: 80px;height: 80px;border-radius: 10px;}

  .app-main figure .download {width: 100px;position: absolute;top: 15px;right: 0;}

  .app-main figure .size {width: 50%;position: absolute;top: 28px;left: 95px;}

  .app-main figure .num {width: 50%;position: absolute;top: 48px;left: 95px;}

  .app-main .main {width: 100%;position: relative;}

  .app-main .main h1 {position: absolute;top: -76px;left: 95px;max-width: 46%;font-size: 18px;}

  .app-main .main li:nth-child(2n+1) {width: 40%;}

  .app-main .main li {width: 58%;}

  .related-art li {width: 100%;}

  .related-item {width: 100%;margin-right: 2%}


  .related-item .item {width: 23.6%;display: none;padding: .5em 0;}

  .related-item .item:nth-child(5) {margin-right: 2% !important;}

  .related-item .item:nth-child(-n+8) {display: block;}

  .related-item .item:nth-child(4n+0) {margin-right: 0}

  .related-item .item:hover .download {display: none;}

  .related-item .item:hover .sub {opacity: 1;}

  .related-item .item .title {font-size: 14px}

  .input-wrap .name, .input-wrap .mail, .input-wrap .site, .input-wrap .verify {width: 100%;margin-top: 10px;}

  #divCommentPost input.text {width: 100%;}

  ul.msg {margin: 5px 0}

  .msg img.avatar {width: 42px;height: 42px;}

  ul.msg li.msgarticle {margin-left: 42px;padding-top: 0}

  .footer .diy {display: block;float: none;}

  .article-list .figure {width: 34%;height: 24vw}

  .article-list .content {margin-left: 38%;padding-top: 5px}

  .article-list {padding: 3vw}

  .article-list .content .title {font-size: 16px;white-space: unset;line-height: 1.6}

  .article-list .data {padding-top: 1vw}

  #left_2 {width: 100%}

  #left_2 .ul .title {list-style-type: none}

  #left_2 .item .p-title, #left_2 .a, #left_1 .intro, #middle_2 .item .title a, #full-post .absolute {font-size: 16px;}

  .flink {margin-bottom: 10px}

  .f-about {width: 100%}

  .f-contact {width: 100%;padding: 3% 0}

  .f-qr {width: 100%}

  .art-main {padding: 4vw}

  .art-main .art-content {font-size: 16px}

  .art-main .art-title {font-size: 22px}

  .art-main h1, .art-main h2, .art-main h3 {font-size: 20px}

  .quick-prev-next .next, .quick-prev-next .prev {background: rgba(255, 255, 255, .8);color: #333;font-size: 24px;text-align: center;width: 40px;box-shadow: 0 1px 3px rgba(26, 26, 26, .2)}

  .quick-prev-next .prev {border-radius: 0 100px 100px 0}

  .quick-prev-next .next {border-radius: 100px 0 0 100px}

  .related-art .ul {margin-bottom: 3vw}

  .page-numbers {margin-top: 10px}

  .compost .com-info li {width: 100%;padding-right: 0%}

  .compost .com-info li .verify {right: 0}

  /* ==========从另外的模板弄的==========*/
  .double-list, .flink, .full-post, .post-comment, .recommend-a, .recommend-b, .related-art, .widget {padding: 20px 15px 15px 15px}

  .recommend-a .item {width: 48.4%;display: none}

  .recommend-a .item:nth-child(-n+2) {display: block}

  .recommend-a .item:nth-child(2) {margin-right: 0}

  .recommend-a .thumbnail {height: 30vw}

  .recommend-a .thumbnail img {height: 30vw}

  .recommend-a .item .title {font-size: 14px}

  .recommend-b .item {width: 100%}

  .recommend-b .intro {padding: 2.8vw;line-height: 1.5}

  .recommend-c .figure {width: 34%;height: 24vw;margin-right: 4%}

  .double-list {width: 100%}

  .double-list .ul .a {max-width: 80%}

  .double-list .ul .title {list-style-type: none}

  .recommend-c .wrap {margin-top: 20px;}

  .recommend-c .img-list {border-bottom: 1px solid #eee;padding-bottom: 10px}

  .recommend-c .img-list, .full-post .img-list {width: 100%}

  .full-post .figure {width: 30%;height: 20vw}

  .recommend-c .content {margin-left: 0}

  .full-post .content {margin-left: 34%}

  .recommend-c .content .title, .full-post .content .title {font-size: 16px;white-space: unset}

  .full-post .info {padding-top: 1vw}

  .recommend-c .list, .full-post .list {width: 100%}

  .text-post {width: 100%}

  .img-post .left, .img-post .top, .img-post .bottom {width: 100%;overflow: hidden;}

  .img-post .title {padding: 0 1em 1.5em 1em;}

  .img-post .top, .img-post .bottom {margin-left: 0;}

  .img-post .top {margin-top: 20px;}
}
.post-author { margin: 10px 20px 20px 20px;border: 1px solid #dddddd;border-radius: 5px;background: #F7F7F7; }
.post-author .author-icon { display: block;float: left;vertical-align: baseline;}
.post-author .author-icon img { border-radius: 50%;width: 50px;vertical-align: middle;margin: 10px;}
.post-author .author-txt { padding: 5px;margin-left: 65px;margin-top: 10px;}
.post-author .author-desc {font-size: 12px;color: #666666;line-height: 25px;margin-top: 10px;}
.post-author p {font-size: 14px;color: #333;line-height: 25px;padding: 5px 10px;border-top: 1px solid #DDDDDD}
.post-author img { max-width: 100% !important;}
.index-top2 { display: block;clear: both; background: #ffffff;position: relative;padding-top: 35px; color: #333;font-size: 16px;padding: 10px;}
.index-top2 a { color: #333 !important; }
.index-top2 img { max-width: 720px;}
.index-top { display: block;clear: both;position: relative;padding-top: 105px; }
.index-top .container { position: relative; }
.index-top h1 { padding-top: 10px;}
.index-top h1, .index-top ul li { color: #ffffff;}
.index-top .play { display: block; margin-top: 80px;margin-left: -50px;}
.index-banner { display: block;clear: both;}
.index-banner p {margin-top: 15px;font-size: 16px;line-height: 30px;}
.index-banner .index-banner-left { width: 55%;float: left;margin: 0}
.index-banner .index-banner-right { width: 45%;float: right;margin: 0;position: relative;}
.index-top .index-banner-right { text-align: center }
.index-banner .index-banner-right .index-banner-play {width: 100px; margin: 0 auto;position: relative;margin-top: -250px;opacity: 0.7 }
.index-banner .index-banner-right .index-banner-play:hover { opacity: 0.9}
.index-banner img {display: block;width: 100%;}
.index-banner h1 { font-size: 26px;color: #ffffff;text-align: left}
.index-banner ul { padding-left: 0px;margin-top: 10px;}
.index-banner ul li { font-size: 16px;color: #333;line-height: 30px;list-style: disc}
.index-top.index-banner ul li {color: #ffffff;margin-left: 20px;}
.index-top2 { display: block;clear: both; background: #ffffff;position: relative;padding-top: 35px; color: #333;font-size: 16px;padding: 10px;}
.index-top2 a { color: #333 !important; }
.index-top2 img { max-width: 720px;}
.index-top { display: block;clear: both; background: #217FAC;position: relative;padding-top: 55px; }
.index-top .container { position: relative; }
.index-top h1 { padding-top: 10px;}
.index-top h1, .index-top ul li { color: #ffffff;}
.index-top .play { display: block; margin-top: 80px;margin-left: -50px;}
.index-banner { display: block;clear: both;}
.index-banner p {margin-top: 15px;font-size: 16px;line-height: 30px;}
.index-banner .index-banner-right { width: 45%;float: right;margin: 0;position: relative;}
.index-top .index-banner-right { text-align: center }
.index-banner .index-banner-right .index-banner-play {width: 100px; margin: 0 auto;position: relative;margin-top: -250px;opacity: 0.7 }
.index-banner .index-banner-right .index-banner-play:hover { opacity: 0.9}
.index-banner img {display: block;width: 100%;}
.index-banner h1 { font-size: 26px;color: #ffffff;text-align: left}
.index-banner ul { padding-left: 0px;margin-top: 10px;}
.index-banner ul li { font-size: 16px;color: #333;line-height: 30px;list-style: disc}
.index-top.index-banner ul li {color: #ffffff;margin-left: 20px;}

.index-banner .padding { padding: 20px;}
.index-banner .index-banner-left p.neice { color: #FFF}
.index-banner .index-banner-left p.neice img { width: auto;display: inline}
.index-banner .p-g-buy { display: block;background-color: #56c7e6;color: #FFF;margin: 15px auto;width: 206px;height: 42px;margin-left: 10px;border-radius: 3px;line-height: 42px;text-align: center;font-size: 16px;text-indent: 0;}
.index-banner .qq-box { text-align: left}
.index-banner .qq-box img { width: 40%;margin: 5px;display: inline}
.index-guide .card-main {background: #ffffff}
.index-guide .card-title { font-size: 22px;color: #333 }
.index-guide .index-banner-left { width: 50%;}
.index-guide h3 { font-size: 26px;color: #333;text-align: left;margin-top: 30px}
.index-guide .index-banner-right { width: 50%;background: none;}
.index-why .card-main { background: #ffffff}
.index-guide .card-main p { font-size: 16px;line-height: 25px;}
.index-why img { }
.view_all img { filter:blur(7px);  }
.section-reviews { }
.section-reviews h2 {font-size: 2.2em;}
.section-reviews .outro {
  font-size: 1.2em;
  text-align: center;
  color: #567790;
}
.section-reviews .outro a {
  color:#56c7e6 ;
}
.section-reviews ul {
  list-style-type: none;
  padding-left: 0;
}
.section-reviews .review {
  text-align: left;
}
.section-reviews .review blockquote {
  max-width: 70em;
}

.section-reviews blockquote {
  border: none;
  margin: 3em 2em;
  padding: 0;
  font-size: 1.1em; margin-left: auto;
  margin-right: auto;
  max-width: 41em;
}
.section-reviews .review blockquote p {
  padding: 0;
  text-align: left;
  color: #333;
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.section-reviews .review blockquote strong {
  border-bottom: .15em solid #ff9800;
  font-weight: 600;
}
.review-stars {
  color: #ff9800;
  vertical-align: .05em;
}
.section-reviews .review blockquote footer .rating-number {
  opacity: .7;
  margin-right: .5em;
}
.section-reviews .intro {
  line-height: 30px;margin-top: 20px;
}
@media only screen and (max-width: 992px) {
  .index-banner h3 { margin: 0!important;}
  .index-banner .index-banner-left { width: 100%;float: none!important;padding: 0!important;}
  .index-banner .index-banner-left h1 { font-size: 20px;padding: 20px}
  .index-banner .index-banner-right { width: 100%;float: none!important;height: auto;}
  .index-banner .index-banner-right .play {height: 80vw;margin: 0px!important;}
  .index-banner .index-banner-right video {max-width: 100vw!important;}
  .index-banner ul {padding-left: 20px;padding-right: 10px;}
  .index-banner.index-guide ul li {padding-left: 0px;padding-right: 10px;margin-right: 0}
  .index-banner.index-top ul { margin-right: 0px;padding-left: 20px!important;}
  .index-guide .card-main { background: #ffffff!important;}
  .index-guide .card-main.blue { background: #198aa9 !important;}
  .index-guide h3 { font-size: 20px; margin: 5px; margin-top: 10px!important;}
  .index-banner .index-banner-right .index-banner-play { margin-top: -180px;}
  .index-banner img { margin-top: 10px;}
  .index-banner .qq-box { text-align: center}
  .index-banner .qq-box img { width: 70%;}
  .index-banner .p-g-buy { margin: 10px auto;margin-left: auto}
  .index-top2 img{width: 90vw }
  .index-banner .padding { padding: 0}
  .article-list .figure img {min-height: 90px;}
  .index-top2 img{width: 90vw }
  .index-banner .padding { padding: 0}
  .article-list .figure img {min-height: 90px;}
  .layui-input-block {width: 70%; }
  .layui-form-label {margin-left: 5px;}
  .index-banner h3 { margin: 0!important;}
  .index-banner .index-banner-left { width: 100%;float: none!important;padding: 0!important;}
  .index-banner .index-banner-left h1 { font-size: 20px;padding: 20px}
  .index-banner .index-banner-right { width: 100%;float: none!important;height: auto;}
  .index-banner .index-banner-right .play {height: 80vw;margin: 0px!important;}
  .index-banner .index-banner-right video {max-width: 100vw!important;}
  .index-banner ul {padding-left: 20px;padding-right: 10px;}
  .index-banner.index-guide ul li {padding-left: 0px;padding-right: 10px;margin-right: 0}
  .index-banner.index-top ul { margin-right: 0px;padding-left: 20px!important;}
  .index-guide .card-main { background: #ffffff!important;}
  .index-guide .card-main.blue { background: #198aa9 !important;}
  .index-guide h3 { font-size: 20px; margin: 5px; margin-top: 10px!important;}
  .index-banner .index-banner-right .index-banner-play { margin-top: -180px;}
  .index-banner img { margin-top: 10px;}
  .index-banner .qq-box { text-align: center}
  .index-banner .qq-box img { width: 70%;}
  .index-banner .p-g-buy { margin: 10px auto;margin-left: auto}
  .index-top2 img{width: 90vw }
  .index-banner .padding { padding: 0}
  .article-list .figure img {min-height: 90px;}
  .layui-input-block {width: 70%; }
  .layui-form-label {margin-left: 5px;}
}
.index-banner-right video {object-fit: fill !important;max-width: 100vw;max-height: 64vw;}
.index-banner-right video[poster] {max-width: 100vw;height: 100%;width: 100%;}
.side_btn {display: block;margin: 24px 20px;height: 36px;line-height: 36px;padding: 0 1em;text-align: center;border-radius: 4px;background-color: #FF3329;color: #fff;}
.side_btn:hover {color: #fff;}
.mgc {display: none;}
.view_half {height: 1000px;overflow: hidden;position: relative;}
.readon {width: 100%;height: 150px;color: #0188fb;text-align: center;font-size: 14px;text-indent: 0;cursor: pointer;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%);position: absolute;left: 0;bottom: 0;display: block;}
.readon i {background: #0188FB;width: 200px;border-radius: 20px;display: inline-block;margin: 80px auto 0;line-height: 40px;font-style: normal;text-align: center;border: 1px solid #0188fb;}
.readall i, .readon i {border-color: #0188FB;}
.readon i::before {content: "点击展开全文";color: #fff;}
.readon i::after {color: #fff;}